h1{
    text-align: center;
}

p {
    font-size: 50px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 100px;
    height: 120px;
    color: #f79489;
}

button {
    background-color: rgb(125, 125, 125);
    font-size: 20px;
    color: white;
    border: none;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    margin-top: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: NanumGimYuICe;

}

body {
   
    text-align: center;
    margin-top: 30px;
    color: #616a6b;
    
}

footer{
    margin-top: 0;
    font-size: 14px;
    text-align: right;
    margin-right: 20px;
}

body {
    background: url('')  center/cover;

}

@media (max-width: 768px) {
    
    footer h3 {
        font-size: 14px;
        }

    footer p {
            font-size: 10px;
        }
        
    }

body {
        font-size: 80px;
         }
            
        @media (max-width: 768px) {
        
        body {
            font-size: 30px;
            }
        }

      

                  
        @media (max-width: 768px) {
        
            p {
                font-size: 55px;
                }

                img {
                    max-width: 100%; /* 부모 요소보다 크지 않도록 제한 */
                    height: auto; /* 가로 세로 비율 유지 */
                }
            }


            @media (max-width: 768px) {
                body {
                  background-size: contain;
                }
              }


            @media (max-width: 768px) {
                body {
                  height: 40vh; /* 화면 크기가 작아지면 높이를 50vh로 축소 */
                }

                button{
                    margin-top:30px ;
                    margin-bottom: 10px;
                }

                p{
                    margin-top:80px ;
                    margin-bottom: 20px;
                }
               
                label {
                    font-size: 2vw;
                    font-family: NanumGimYuICe;
                }
              }


              .date-display{
                margin-top: 60px;
              }

            

          label {
            font-size: 20px;
            margin-top: 0px;
            margin-bottom: -20px;
            font-family: NanumGimYuICe;
            
          }



          label,input {
            font-size: 2vw; /* 2% de la largeur de l'écran */
        }
    
        .date-display {
            font-size: clamp(20px, 5vw, 60px);
          }


     @media (max-width: 768px) {
            .date-display {
              font-size: 30px; /* 모바일 */
            }
        }

    
        #date-display {
            font-size: 120px;
            margin-top: 50px;
            font-family: KopubDotumBold ;
        }

        body {
            font-family: 'NanumGimYuICe', sans-serif;
        }

        @media (max-width: 768px) {
            #date-display {
              font-size: 40px;
            }
        }

        @media (max-width: 768px) {
            button {
              font-size: 14px;
              padding: 8px 14px;
            }
          }